.bold{font-weight:bold}
.italic,.var,.unknown{font-style:italic}
.underline.overline.through{text-decoration:underline overline line-through}
.underline.overline{text-decoration:underline overline}
.underline.through{text-decoration:underline line-through}
.through.overline{text-decoration:line-through overline}
.underline{text-decoration:underline}
.overline{text-decoration:overline}
.through{text-decoration:line-through}
.mkdnhead{text-decoration:none}
.scroll{overflow:auto;max-width:80%}
.scbox{white-space: nowrap}
.hidden{display:none}

.opac0:not(:hover){
	opacity:0
}

.opac:not(:hover){
	opacity:0.5
}

.opac:not(:hover) .hid{
	opacity:0
}

@media print{
  
  
  section {page-break-before: always;}
  h1 {page-break-after: always;}
  p {page-break-inside: avoid;}
  
  #panel > *, #input0Preview ~ *,#iTextMain ~ *{
  	display:none
  }
  #iTextMain{
  	padding:1in
  }
  #iContent{
  	border:none;
  }
}
.wiki,.wiki > tbody > tr > td{
	border-color:gainsboro
}

.inputTip,.subtools, #outputOpt,#nav{
	font-size:12px
}
.subtools summary{
	font-size:16px
}

.large{
	font-size:large
}
.larger{
	font-size:larger
}
.xlarge{
	font-size:x-large
}
.xxlarge{
	font-size:xx-large
}
.xxxlarge{
	font-size:-webkit-xxx-large
}
.notes,.prov,.unknown{
	font-size:small
}
.smaller{
	font-size:smaller
}
.xsmall{
	font-size:x-small
}
.xxsmall{
	font-size:xx-small
}

sup,sub,.small{
	font-size:.5rem
}
.chosen{
	background-image: -webkit-linear-gradient(top, white, silver 20%, silver 80%, white);
}



#oHTML tr:hover{
	text-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
#wiki details[open] > summary, #wiki>span{
    color: limegreen;
}

.hmulti option{display:inline}
.hmulti {
    overflow: auto;
}
#zMather select{
	border-style:none none solid none;
	border-width:1px;
}

.gainsboro{
	color:gainsboro
}
.prov{
	color:dimgray
}
.red,.Clear{
	color:red
}

.Clear, .btnSim{
	border: 0;
    background: none;

}

.black{
	color:black
}
.inputTip,.notes{
	color:gray
}

#panel{
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 20001;
}


.fdetail:hover summary,.task,.taskname{
	color:white;
}
.taskname{
	font-size:10px;
	border-radius:15px;
	padding: 1px 0 2px 12px;
	margin:0 2px;
}
.tasknameOff{
	border-radius: 0 15px 15px 0;
	border: solid darkgray 1px;
    margin-left: 2px;

}

.task{
	user-select:none;
	display:inline-block
}
summary,#menu{
	user-select:none;
}

.collapse{border-collapse: collapse}

.edit > thead th{
	border:0;
	padding-bottom: 15px;
}

.bds{
	border: solid black 1px;
}

.bdr{
	border-right: outset black 1px;
}

.bdl{
	border-left: outset black 1px;
}

.bdt{
	border-top: outset black 1px;
}

.inblk:not(.notm),.vam{
	vertical-align: middle;
}
.vat{
	vertical-align: top;
}
.vab{
	vertical-align: bottom;
}
li,#wiki{
	padding:2px
}
.subtools summary, .edit > thead tr{
	padding-bottom:6px
}



#zMather > details{
	padding:10px 0
}
.inblk:not(.large):not(.larger):not(.xlarge):not(.xxlarge):not(.xxxlarge):not(.rootleft){
	margin:0 2px;
}

.relation{
	margin:0 5px;
}
.ground > details,.ground summary,#searchTool{
	margin-bottom:5px
}

.task,#Topic a{
	margin:10px;
	padding:2px 10px;
	border-radius:5px;

}



.bdt[data-mt]:before{
    content: attr(data-mt);
    margin-top: -40px;
}
.bdb[data-mb]:before{
    content: attr(data-mb);
    margin-top: 40px;
}

.bdl[data-ml]:after{
    content: attr(data-ml);
    margin-left: -50px;
}
.bdr[data-mr]:after{
    content: attr(data-mr);
    margin-left: 20px;
}

.notes:before{
    content: "注意：";
    margin-left: 2px;
}

.unknown:before{
    content: "未知：";
    margin-left: 2px;
}
.prov:before{
    content: "【";
    margin-left: 2px;
}
.prov:after{
    content: "】";
    margin-right: 2px;
}


.wiki:not(.bd0){
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}
.wiki:not(.bd0){
	min-width:25px;
}



input[type=text],#wiki>span,.brad{
	border-radius: 5px;
}


.dashed{
	border-style:dashed;
}
.solid{
	border-style:solid;
}
.dotted{
	border-style:dotted;
}
.double{
	border-style:double;
}
.groove{
	border-style:groove;
}
.inset{
	border-style:inset;
}
.outset{
	border-style:outset;
}
.ridge{
	border-style:ridge;
}


.bdtdash{
	border-top:dashed black 1px;
}
.bdbdash{
	border-bottom:dashed black 1px;
}
.bdldash{
	border-left:dashed black 1px;
}
.bdrdash{
	border-right:dashed black 1px;
}

.bdtdot{
	border-top:dotted black 1px;
}
.bdbddot{
	border-bottom:dotted black 1px;
}
.bdldot{
	border-left:dotted black 1px;
}
.bdrdot{
	border-right:dotted black 1px;
}

.wiki>.cnt2{
    counter-reset: cnt 1;
}
.wiki>.cnt1{
    counter-reset: cnt 0;
}
.wiki>.cnt0{
    counter-reset: cnt -1;
}
.wiki>.cnt_1{
    counter-reset: cnt -2;
}
.wiki>.cnt2>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt1>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt0>tr:before{
	content: counter(cnt);
	counter-increment: cnt;
}
.wiki>.cnt_1>tr:before{
	content: counter(cnt);
	counter-increment: cnt;

}
.wiki>tbody>tr:before{
    text-shadow: 1px 1px 1px #666;
    color: gray;
}
.wiki>thead.cnt>tr:before{
	content: "";
}

.subtools details[open]{
	border: solid 1px;
}

.opa0{
	opacity:0;
	cursor:default
}
#outputOpt input,#wiki>span,.scbox{
	margin:2px
}
#Topic{
	margin:4px
}
.inblk:not(.pd2):not(.pd10), .var{
	padding:0 1px;
}


#wiki summary,#wiki>span,.wiki > tbody > tr> td, .pd2,.scbox,.mfx, #tileToolCap > details{
	padding:2px
}
.pd10{
	padding:10px
}
.mg10{
	margin:10px
}
.mg20{
	margin:20px
}
.mgr10{
	margin-right:10px
}
.mgr20{
	margin-right:20px
}
.mgl10{
	margin-left:10px
}
.mgl20{
	margin-left:20px
}
.subtools details{
	padding:5px;
	display: inline-block;
    margin-right: 10px;
}


#search{

    width:30%;
    padding-left:10px;
    border-style: none none solid none;
    border-width: 1px;
    border-color:gray;
}
#search:hover{
    border-color:transparent;
	background: rgba(50, 205, 50, 0.2);
}

.fdetail{
    margin-bottom: 100px;
}

#numStart{
	max-width:45px;
}

#input0,#input1,#input2{
	min-width:25%;
}

#input0Tip,#input1Tip{
	max-width:74%;
	max-height:50%;
}

#input0,#input1,#input2{
	min-height:160px;
	background:rgba(50, 205, 50, 0.5);
}
#outputOpt{
	background: rgba(0,0,0,0.1);
	border-radius:5px;
}
.katexv{
	width:98%;
	min-height:100px;
}

.wiki,.alignc{
	text-align:center
}

.alignl, #canvasMenu ~ div{
	text-align:left
}
.alignr{
	text-align:right
}

.floatl,.inputTip,#iTextMain > *:not(.clear),#Cond > *:not(.clear){
	float:left
}
.floatr{
	float:right
}
.clear{
	clear:both
}

.fixr,.fixl{
	position: fixed;
}
.fixr{
	right:0;
}
.fixl{
	left:0;
}
.fixt{
	top:0;
}
.fixb{
	bottom:0;
}
.inputTip[open] > summary{
    border-bottom: dashed gainsboro;
}
.inputTip details[open] > summary{
	background:gainsboro;
}
#iContent{
	border-bottom: dashed 1px gainsboro;
}
#oHTML{
	position: relative;
	padding-left:20px;
	padding-top:10px;
	overflow:auto;
}
#oHTML > div.abs{
	position:absolute;
}



#input1Tip{
	counter-reset:cnt1 0
}
#input1Tip .eg:before{
	content: "#" counter(cnt1) " ";
	counter-increment: cnt1;
}
#input0Tip{
	counter-reset:cnt0 0
}
#input0Tip .eg:not(.eg2):before{
	content: "#" counter(cnt0) " ";
	counter-increment: cnt0;
	color: white;
}


#oHTML textarea:not(:hover){
	resize: none;
	overflow:hidden;
}
.windex,.Clear,.task,th{
	cursor: pointer;
}


.inblk{
	display:inline-block;
}

.opac a{
	color:transparent;
}
.mathFont{font-family:STIXGeneral, 'DejaVu Serif', 'DejaVu Sans', Cambria, 'Cambria Math', Times, 'Lucida Sans Unicode', OpenSymbol, 'Standard Symbols L', serif}


summary ~ details{
	padding-left: 15px;
}

.inputTip,.ground,.ground > div{
	margin:5px
}

#cvsbg{
	width:98%;
	z-index:-1;
}

#navhead span{
    color: white;
    padding: 2px 4px;
    margin:2px;
    border-radius: 0 5px;
    cursor: pointer;
}

.level,[name=tool] + span, .sechResult{
	padding:2px 4px;
	margin:2px;
	color:white;
	border-radius:5px;
	cursor:pointer;
	user-select: none;
	display: inline-block;
}

.level:not(.seled):not(:hover){
	opacity:.5
}

.subhead:not(.seled),.fdetail:hover summary,[name=tool]:not(:checked) +span{
	background:black;
}
.task:not(.seled),.taskname{
	background:gray;
}
#subject .ground1 .level:not(.seled){
	background:darkgray;
}
.sechResult{
	background: rgba(50, 205, 50, 0.6);
}


#solveGround .level:not(.seled),#solve+span:hover{
	background:blue;
}

#graphicGround .level:not(.seled),#graphic+span:hover{
	background:hotpink;
}

#showGround .level:not(.seled),#show+span:hover{
	background:blueviolet;
}

#wikiGround .level:not(.seled),#wiki+span:hover{
	background:#993366;
}

#courseGround .level:not(.seled),#course+span:hover{
	background:#996633;
}

#drillGround .level:not(.seled),#drill+span:hover{
	background:#CCCC66;
}

#topicGround .level:not(.seled),#topic+span:hover{
	background:#009933;
}

#pitfallGround .level:not(.seled),#pitfall+span:hover{
	background:#CC3366;
}

#unsolvedGround .level:not(.seled),#unsolved+span:hover{
	background:#663300;
}

#thoughtGround .level:not(.seled),#thought+span:hover{
	background:#6699CC;
}

#referGround .level:not(.seled),#refer+span:hover{
	background:darkred;
}

.task.seled,.level.seled, [name=tool]:checked + span,.subhead.seled{
	background:limegreen;
}
[name=tool]:checked + span{
	border-radius: 0 5px;
}
#subject .ground0 .level:not(.seled){
	background:darkblue;
}

textarea{
	background:transparent;
}
.wiki > tbody > tr:nth-child(odd):not(:hover),#input0Preview{
	background: rgba(162,195,97,.1);
}


.audioPlay, .mediaPlay {
    font-weight: bold;
    font-size: medium;
}

.hotk{
    border-radius: 5px;
    padding: 0 6px;
    background: lightgray;
    color:white;
    text-shadow: 1px 1px 1px #666;

}
.toolTip{
	padding:0 5px;
	opacity:0;
	background:limegreen;
	color:white;
    border-radius:5px 0;

	animation: inf01 3s 1 ease-out;
}
@keyframes inf01 {
	from {opacity:0}
	25%{opacity:.7}
	50%{opacity:1}
	75%{opacity:.7}
	to {opacity:0}
}



.editorText {width:20%;height:60px}

#donate div {margin:10px}
#donaQR img{width:150px}
#donaQR img:not(.alipayImg):not(.qqpayImg){margin:0 100px}
#Jiaohang{margin-right:50px;}
.pay .jiaohang{
	font-size: 12px;
    background-color: #acbdd3;
    color: black;
}

.rotate90{
    transform: rotateZ(90deg);
}
.rotate270{
    transform: rotateZ(270deg);
}
.rotate180{
    transform: rotateY(180deg);
}

#donaQR .via{margin-bottom: 0}

.via img{
    border-radius: 5px;
}
.alipayImg{
    background: #00a0e9; 
}
.qqpayImg{
    background: white;
}

.pay > div {
    border-radius: 15px;
    padding: 15px;
}
.pay .long {
    width: 50%;
}
.pay input{
	text-align:center
}

.tasks{
    background: rgba(0,0,0,.1);
    border-radius: 5px;
}
img{
	cursor: pointer;
}

.mathloader{
	width:100%
}




@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2');
}

.mi{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
 /* font-size: 1.5rem;   Preferred icon size 24px;*/
 /* display: inline-block;*/
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  cursor:pointer;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  vertical-align: middle;
  /* Support for IE. */
  font-feature-settings: 'liga';
  user-select: none;
}
.mi-span:before{
	font-family: 'Material Icons';
    vertical-align: middle;
    display: inline-block;
	content:attr(mi);
}

#panel div > span.toggle{
	vertical-align: middle;
	font-weight:bold;
}
#panel div > .mi-span.toggle, .mi.toggle{
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	padding-right:2px;
}

#menu i,#canvasMenu i{
	font-size:26px;
}
#menu{
	margin-bottom:5px;
    float: right;
    padding-right: 5px;

}
#nav{
	padding: 4px;
	max-width:75%
}

.mi.toggle{
	background:yellow
}


input[type="number"]{
	width: 40px;
}
input[len="2"]{
	width: 80px;
}

.mi-span{
	cursor:pointer;
}
/*
#menu .toggle:after{
	content:attr(title);
	padding:2px;
	font-family: cursive;
}
*/
#panel div > .mi-span.toggle + span{
	font-family: cursive;
}
.multinput:checked ~ span{
	font-weight:bold
}
.multi{
	padding:2px;
	border-bottom:dashed 1px;
}
.multi>div{
	padding:1px;
}
.multinput{
	-webkit-appearance:radio
}
